<template>
    <view class="hint-box" :style="{padding}" :class="ggclass">
        <image :src="imgUrl" mode="aspectFill" v-if="isShowImg"></image>
		<view class="text" :style="{fontSize:size,color}" v-if="$slots.default">
			<slot></slot>
		</view>
        <view class="text" :style="{fontSize:size,color}" v-else>{{ text }}</view>
    </view>
</template>

<script>
	// import propsMixin from '../mixins/props/index.js'
	import {hint} from '../../static/img/hint.js'
export default {
    name: "c-hint",
	// mixins:[propsMixin],
    props: {
		padding:{
			type:String,
			default:''
		},
		isShowImg:{
			type:Boolean,
			default:true,
		},
        imgUrl: {
            type: String,
            default: hint,
        },
        text: {
            default: "暂无数据",
        },
		size:{
			type:String,
			default:''
		},
		color:{
			type:String,
			default:'#c1c1c1'
		}
    },
	mounted() {
	}
};
</script>

<style lang="scss" scoped>
.hint-box {
    display: flex;
    align-items: center;
    flex-direction: column;
	padding: 30rpx;
	image{
		width: 380rpx;
		height: 266rpx;
		margin-bottom: 50rpx;
	}
	.text{
		text-align: center;
		font-size: 26rpx;
	}
}
</style>
